.fontCenter{
    text-align: center
}

.fontB {
    font-weight: bold;
}

.font12{
    font-size: 12px;
}

.font14{
    font-size: 14px;
}

.font16{
    font-size: 16px;
}

.font20{
    font-size: 20px;
}

.font24{
    font-size: 24px;
}

.font36{
    font-size: 36px;
}


.fontWhite {
    color: #fff;
}

.fontDeepBlue {
    color: #53606b;
}

.fontBlue {
    color: #01AAED;
}

.fontRed {
    color: #FF5722;
}

.fontGreen {
    color: #5FB878;
}

.fontC666 {
    color: #666;
}

.fontC999 {
    color: #999;
}

.fontC_ccc {
    color: #cccccc;
}

.fl {
    float: left;
}


.fr {
    float: right;
}

.lh38{
    line-height: 38px;
}
.lh200{
    line-height: 200px;
}
.lh300{
    line-height: 300px;
}
.lh400{
     line-height: 400px;
 }

.h38{
    height: 38px;
}
.h100{
    height: 100%;
}
.h200{
    height: 200px;
}


.h300{
    height: 300px;
}

.h400{
    height: 400px;
}

.mh200{
    min-height: 200px;
}

.w100{
    width: 100%;
}


.pd0{
    padding: 0px;
}

.pd4{
    padding: 4px;
}

.pd8{
    padding: 8px;
}
.pd20{
    padding: 20px;
}

.pdl4{
    padding-left: 4px;
}

.pdl20{
    padding-left: 20px;
}

.pdr4{
    padding-right: 4px;
}

.pdr20{
    padding-right: 20px;
}

.pdr30{
    padding-right: 30px;
}

.pdt20{
    padding-top: 20px;
}

.m0{
    margin: 0;
}

.mb4{
    margin-bottom: 4px;
}

.mt10{
    margin-top: 10px;
}

.mt20{
    margin-top: 20px;
}

.borderT {
    border-top: 1px solid #d7d7d7;
}

.borderB {
    border-bottom: 1px solid #d7d7d7;
}

.borderB-light {
    border-bottom: 1px solid #F2F2F2;
}

.borderL {
    border-leftt: 1px solid #d7d7d7;
}
.borderL-light {
    border-leftt: 1px solid #F2F2F2;
}


.borderR {
    border-right: 1px solid #d7d7d7;
}

.borderR-light {
     border-right: 1px solid #F2F2F2;
}

.border-light {
     border: 1px solid #F2F2F2;
 }